<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>font-size属性说明</title>
    <style>

        /*
        功能:
            设置字体的大小.
        说明:
            1. 该属性可以指定关键字.
            2. 还可以使用像素(px)或相对尺寸单位(em)数值来操纵字体大小。
                - 以像素值(px)设置字体大小是一个不错的选择，它使我们可以完全控制文本大小。
                - em尺寸单位是设置字体大小的另一种方式（em是相对尺寸单位）。 它允许所有主流浏览器调整文本的大小。 如果您没有在页面上的任何位置设置字体大小，那么这是浏览器的默认大小，即16px。
                    1. em和pm的换算公式: em = px / 16，即 1em = 16px。
        */
        .small {
            font-size: small;
        }
        .medium {
            font-size: medium;
        }
        .large {
            font-size: large;
        }
        .xlarge {
            font-size: x-large;
        }

    </style>
</head>
<body>
<p class="small">
    Paragraph text set to be small
</p>
<p class="medium">
    Paragraph text set to be medium
</p>
<p class="large">
    Paragraph text set to be large
</p>
<p class="xlarge">
    Paragraph text set to be very large
</p>
</body>
</html>